<template>
  <div class="params-box">
    <div class="params">
      <component :is="component.__componentName__"></component>
    </div>
  </div>
</template>
<script>
import { mapGetters } from 'vuex';
import abeamBarTool from './components/bar/abeamBarTool.vue';
import verticalBarTool from './components/bar/verticalBarTool.vue';
import lineTool from './components/line/lineTool.vue';
import radarTool from './components/radar/radarTool.vue';
import pieTool from './components/pie/pieTool.vue';
import pointTool from './components/point/pointTool.vue';
export default {
  name: 'EchartsComponent',
  components: {
    abeamBarTool,
    verticalBarTool,
    pieTool,
    lineTool,
    radarTool,
    pointTool
    // mapTool,
  },
  computed: {
    ...mapGetters(['component'])
  },
  mounted() {
    // console.log(this.component.__componentName__);
  }
};
</script>
<style lang="scss" scoped>
.params {
  ::v-deep {
    .el-textarea__inner {
      height: calc(100vh - 100px) !important;
      overflow-y: auto;
      /* overflow-y: auto;兼容ie  */
    }
    .el-tree-node__content {
      height: 42px;
      .tree-label {
        .label {
          display: flex;
          align-items: center;
          .tag {
            margin-right: 5px;
          }
        }
      }
    }
  }
}
</style>